﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BarberTypeManage.aspx.cs" Inherits="WebPages_Barber_BarberTypeManage" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title></title>
    <link href="../../Content/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet"
        type="text/css" />
    <script src="../../Content/js/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="../../Content/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
    <link href="../../Content/Style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function () {
            $("#btn_add").click(function () {
                var horizontalPadding = 30;
                var verticalPadding = 30;
                $('<iframe id="externalSite" src="BarberTypeAdd.aspx" scrolling="no" />').dialog({
                    title: "新增类别",
                    autoOpen: true,
                    width: 350,
                    height: 150,
                    modal: true,
                    resizable: true,
                    autoResize: true,
                    beforeclose: function () { window.location.reload(); },
                    overlay: {
                        opacity: 0.5,
                        background: "black"
                    }
                }).width(350 - horizontalPadding).height(150 - verticalPadding);
            })
        })
        function edit(id) {
            var horizontalPadding = 30;
            var verticalPadding = 30;
            $("<iframe id='externalSite' src='BarberTypeAdd.aspx?id=" + id + "' scrolling='no' />").dialog({
                title: "修改品牌信息",
                autoOpen: true,
                width: 350,
                height: 150,
                modal: true,
                resizable: true,
                autoResize: true,
                beforeclose: function () { window.location.reload(); },
                overlay: {
                    opacity: 0.5,
                    background: "black"
                }
            }).width(350 - horizontalPadding).height(150 - verticalPadding);
        }
        function addDevice(id) {
            var horizontalPadding = 30;
            var verticalPadding = 30;
            $("<iframe id='externalSite' src='../Device/DeviceAdd.aspx?storeid=" + id + "' scrolling='no' />").dialog({
                title: "添加设备",
                autoOpen: true,
                width: 350,
                height: 150,
                modal: true,
                resizable: true,
                autoResize: true,
                beforeclose: function () { window.location.reload(); },
                overlay: {
                    opacity: 0.5,
                    background: "black"
                }
            }).width(350 - horizontalPadding).height(150 - verticalPadding);
        }
    </script>
</head>
<body>
    <form id="Form1" runat="server">
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
            <td height="30">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="15" height="30">
                            <img src="/Content/images/tab/tab_03.gif" width="15" height="30" />
                        </td>
                        <td width="1101" background="/Content/images/tab/tab_05.gif">
                            <img src="/Content/images/tab/311.gif" width="16" height="16" />
                            <span class="STYLE4">理发师类别管理</span>
                        </td>
                        <td width="281" background="/Content/images/tab/tab_05.gif">
                            <input type="button" value="添加类别" id="btn_add" />
                        </td>
                        <td width="14">
                            <img src="/Content/images/tab/tab_07.gif" width="14" height="30" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
                <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="9" background="/Content/images/tab/tab_12.gif">
                            &nbsp;
                        </td>
                        <td>
                            <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td style="text-align: center">
                                        <asp:GridView ID="Grid_Brand" runat="server" AutoGenerateColumns="False" CellPadding="4"
                                            EnableModelValidation="True" ForeColor="#333333" GridLines="None" 
                                            Width="100%" AllowPaging="True" 
                                            onselectedindexchanging="Grid_Brand_SelectedIndexChanging">
                                            <AlternatingRowStyle BackColor="White" />
                                             <RowStyle HorizontalAlign="Center" />
                                            <Columns>
                                                <asp:BoundField DataField="id" FooterText="编号" ItemStyle-Width="50px" HeaderStyle-Width="30px" HeaderText="编号" />
                                                <asp:BoundField DataField="Name" FooterText="类别名称" HeaderText="类别名称" />
                                                <asp:TemplateField HeaderText="操作">
                                                    <ItemTemplate>
                                                        <a href="javascript:void(0)" onclick="edit(<%#Eval("id")%>)">修改</a>
                                                    </ItemTemplate>
                                                </asp:TemplateField>
                                            </Columns>
                                            <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                                            <HeaderStyle BackColor="#cae1ac" Font-Bold="True" ForeColor="White" />
                                            <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
                                            <RowStyle BackColor="#FFFBD6" ForeColor="#333333" />
                                            <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
                                        </asp:GridView>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td width="9" background="/Content/images/tab/tab_16.gif">
                            &nbsp;
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td height="29">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="15" height="29">
                            <img src="/Content/images/tab/tab_20.gif" width="15" height="29" />
                        </td>
                        <td background="/Content/images/tab/tab_21.gif">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="25%" height="29" nowrap="nowrap">
                                    </td>
                                    <td width="75%" valign="top" class="STYLE1">
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td width="14">
                            <img src="/Content/images/tab/tab_22.gif" width="14" height="29" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
